<%@page import="org.apache.jasper.tagplugins.jstl.core.ForEach"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
%>
<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>신규 앨범</title>
<script type="text/javascript" src="/bigjo/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="<%=path%>/js/ui/ui.core.js"></script>
<script type="text/javascript" src="<%=path%>/js/ui/ui.tabs.js"></script>
<style type="text/css">
.album {
	float: left;
}

#albumtabSet li {
	background-color: #447;
	display: inline;
	height: 50px;
	width: 460px;
	margin: 0px;
	padding: 0px;
	display: inline;
}
</style>
<script type="text/javascript">
	//jQuery.noConflict(); // 예약어로 사용되는 "$" 문자를 다른 라이브러리와 충돌이 나지 않게 하는 역할을 한다.
	jQuery(document).ready(
			function() {
				var idx = document.URL.indexOf("bigjo");
				var str = document.URL.substring(0, idx + 5);
				jQuery("#albumArtListView").load(
						str + "/album.music?album=nalbum");
				jQuery('.albumArtlist').click(
						function() {
							var album = jQuery(this).attr("album");
							jQuery("#albumArtListView").load(
									str + "/album.music?album=" + album);
						});
			});
</script>

</head>
<body>
	<ul id="albumtabSet">
		<li><a href="javascript:void(0)" class="albumArtlist"
			album="nalbum">최신음악</a></li>
		<li><a href="javascript:void(0)" class="albumArtlist"
			album="balbum">발라드 new</a></li>
		<li><a href="javascript:void(0)" class="albumArtlist"
			album="dalbum">댄스 new</a></li>
		<li><a href="javascript:void(0)" class="albumArtlist"
			album="halbum">힘합 new</a></li>
		<li><a href="javascript:void(0)" class="albumArtlist"
			album="ralbum">락 new</a></li>
		<li><a href="javascript:void(0)" class="albumArtlist"
			album="oalbum">OST new</a></li>
	</ul>
	<div id="albumArtListView"></div>
</body>
</html>